/**
 * @author [siwi]
 * @email [siwi@siwi.me]
 * @create date 2017-05-11 12:09:00
 * @modify date 2017-05-11 12:09:00
 * @desc [description]
*/
// base
@css-prefix                   : sw;
@html-font-size               : 10px;
// color
@primary-color                :#288ad6;
@success-color                :#16c98d;
@warning-color                :#fcc83f;
@info-color                   :#2fc2ef;
@error-color                  :#fa5e5b;

@gray-dark                    :#A4A8AE;
@gray-light                   :#D8D8D8;


// background
@body-bg: #f8f8f8;

// font
@font-family                  : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
@code-family                  : Consolas,Menlo,Courier,monospace;
@line-height-base             : 1.5;
@font-size-xs                 : 10px;
@font-size-sm                 : 12px;
@font-size-md                 : 14px;
@font-size-lg                 : 18px;
@font-size-hg                 : 24px;
@font-color                   : #4a4a4a;

// header
@h1-size                      : 36px;
@h2-size                      : 36px;
@h3-size                      : 36px;
@h4-size                      : 36px;
@h5-size                      : 36px;
@h6-size                      : 36px;
@header-color                 :#f6f6f6;

// border
@border-radius-sm             : 2px;
@border-radius-md             : 4px;
@border-radius-lg             : 6px;
@border-color                 :#A4A8AE;
@border-focus-color           :#4990E2;

// grid
@grid-columns                 : 24;
@column-prefix                : col-;
@row-prefix                   : row;
@gutter                       : 0;
@gutter-20                    : 10px;
@gutter-30                    : 30px;
@screen-xs                    : 767px;
@screen-sm                    : 992px;
@screen-md                    : 1200px;
@screen-lg                    : 1920px;
@screen-hg                    : 1921px;
@grid-size-xs                 : xs-;
@grid-size-sm                 : sm-;
@grid-size-md                 : md-;
@grid-size-lg                 : lg-;
@grid-size-hg                 : hg-;

// input
@input-height-xs              : 20px;
@input-height-sm              : 28px;
@input-height-md              : 36px;
@input-height-lg              : 50px;
@input-padding-horizontal     : 7px;
@input-padding-vertical       : 7px;

// checkbox
@checkbox-size                : 17px;
@checkbox-color               : 17px;

// radio
@radio-size                   : 17px;
@radio-color                  : 17px;
@radio-selected-color:        #288ad6;

// select
@selected-background          :#f6f6f6;
@selected-item-height         : 42px;

// tag
@tag-height                   : 20px; 

// btn
@btn-padding-xs               : 2px 5px;
@btn-padding-sm               : 4px 10px;
@btn-padding-md               : 6px 15px;
@btn-padding-lg               : 8px 20px;

// table 
@table-header-bg              : #f9fafb;
@table-tr-height              : 45px;

// notice
@notice-height                : 36px;
@notice-width                 : 360px;
@notice-icon                  : 20px;
@notice-icon-close            : 14px;

// modal
@model-width-xs               :480px;
@model-width-sm               :480px;
@model-width-md               :480px;
@model-width-lg               :480px;
@model-header-height          :50px;
@model-footer-height          :50px;

// toast
@toast-width                  : 300px;
@toast-height                 : 200px;

// zindex
@zindex-1                     : 1;
@zindex-2                     : 2;
@zindex-3                     : 3;
@zindex-4                     : 4;
@zindex-100                   : 100;
@zindex-500                   : 500;
@zindex-1000                  : 1000;

// menu
@menu-background              : #2c3643;
@menu-item-background         : #2f3946;
@menu-font-color              :#898E95;
@menu-horizontal-height       :42px;
@menu-vartical-width          :240px;
@menu-icon-size               :18px;
@menu-arrow-size              :12px;

// divider
@divider-color: #d8d8d8;

// animation

// shadow